<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="../base-component/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../assets/css/admin.css">
    <link rel="stylesheet" href="../base-component/layui/css/layui.css"/>
    <link rel="stylesheet" href="../base-component/datetimepicker/css/amazeui.datetimepicker.css"/>
</head>
<body style="overflow-y: auto">
<div class="am-cf am-padding">
    <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">首页</strong></div>
</div>
<div class="am-g am-margin-bottom">
    <div class="am-u-md-12">
        <div class="am-panel am-panel-default">
            <div class="am-panel-hd am-cf" data-am-collapse="{target: '#collapse-panel-2'}">
                数据统计与分析<span class="am-icon-chevron-down am-fr"></span></div>
            <div id="collapse-panel-2" class="am-in" style="width: 100%; height: auto">
                <div class="am-u-md-12 am-margin-top-lg">
                    <div class="am-form-group am-u-sm-3 am-u-sm-offset-3">
                        <label for="areaType" class="am-form-label">图示区域</label>
                        <select data-am-selected id="areaType">
                            <option value="3">成都市</option>
                            <option value="2">四川省</option>
                            <option value="1">全国</option>
                        </select>
                    </div>
                    <div class="am-form-group am-u-sm-3">
                        <label for="chartType" class="am-form-label">图示类型</label>
                        <select data-am-selected id="chartType">
                            <option value="thermodynamicChartForReceiverTotal">收货人数</option>
                            <option value="thermodynamicChartForOrderTotal">订单数</option>
                            <option value="thermodynamicChartForAmountTotal">销售额</option>
                        </select>
                    </div>
                    <div class="am-form-group am-u-sm-3">
                        <button type="button" onclick="chartAjax()" class="am-btn am-btn-primary">查看</button>
                    </div>
                </div>
                <div class="am-u-md-12">
                    <div class="am-alert am-alert-danger" id="my-alert" style="display: none">
                            <p>开始日期应小于结束日期！</p>
                    </div>
                    <div class="am-u-sm-3 am-u-sm-offset-3">
                        <form class="am-form-inline" role="form">
                            <div class="am-form-group">
                                <label for="areaType" class="am-form-label">开始日期</label>
                            </div>
                            <div class="am-form-group">
                                <input type="text" id="my-startDate" class="am-form-field" placeholder="开始日期" data-am-datepicker readonly required />
                            </div>
                        </form>
                    </div>
                    <div class="am-u-sm-3">
                        <form class="am-form-inline" role="form">
                        <div class="am-form-group">
                        <label for="areaType" class="am-form-label">结束日期</label>
                        </div>
                        <div class="am-form-group">
                        <input type="text" id="my-endDate"  class="am-form-field" placeholder="结束日期" data-am-datepicker readonly required />
                        </div>
                        </form>
                    </div>
                    <div class="am-form-group am-u-sm-3">
                        <button type="button" onclick="cleanData()" class="am-btn am-btn-primary">清除</button>
                    </div>
                </div>
                <div id="echarts" class="am-padding" style="width: 100%; height: 650px; margin: 0 auto">
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../base-component/jquery/jquery.min.js"></script>
<script src="../base-component/amazeui/js/amazeui.min.js"></script>
<script src="../base-component/datetimepicker/js/amazeui.datetimepicker.min.js"></script>
<script src="../base-component/layui/layui.js"></script>
<script src="../base-component/layer/layer.js"></script>
<script src="../base-component/highcharts/highcharts.js"></script>
<script src="../base-component/highcharts/exporting.js"></script>
<script src="../assets/js/api.js"></script>
<script src="../assets/js/echarts.common.min.js"></script>
<script src="../assets/js/main.js"></script>

</body>
</html>